Rounded Corners using CSS3 not working

HCL Notes/Domino 8.5 Forum (includes Notes Traveler)

Subject: Rounded Corners using CSS3 not working

Feedback Type: Problem

Product Area: Domino Designer on Eclipse (DDE)

Technical Area: Application Development

Platform: Windows

Release: 8.5.3

Reproducible: Always

I was trying to reproduce this simple example:
http://www.w3schools.com/css/tryit.asp?filename=trycss3_border-radius

I put together a form and:
1. included the $$HTMLFrontMatter field with the !DocType value in it
2. Put the <STYLE> stuff into the HTML Head Content.
3. Put the body content as pass through HTML on the form.

It doesn't work. Am I missing something? Thanks for looking and let me know if you have any ideas.

I've even tried it in a page, treated as HTML. The code looks the same in view source, but it doesn't have rounded corners.

My code looks like this in the form:

<!DOCTYPE html><html>
<head>
<STYLE>
#rcorners1 {
border-radius: 25px;
background: #F6B364;
padding: 20px;
width: 200px;
height: 150px;
}
</STYLE>
<script language="JavaScript" type="text/javascript">

</script>
</head>
<body text="#000000" bgcolor="#D0B1A1">

<form method="post" action="/GenWeb.nsf/Copy%20Of%20huh?OpenForm&Seq=1" name="_DominoForm">
<input type="hidden" name="__Click" value="0"><p id="rcorners1">Rounded corners!</p>
<input name="$$HTMLFrontMatter" type="hidden" value="<!DOCTYPE html>"></form>
</body>
</html>

Feedback number WEBBAABKZ3 created by ~John Desweskiakol on 05/26/2016

Status: Open
Comments: